<div class="container mt-4">
  <div id="my-order-list"></div>

  <!-- 评价模态框 -->
  <div
    class="modal fade"
    id="myCommentModal"
    tabindex="-1"
    aria-labelledby="myCommentModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="myCommentModalLabel">订单评价</h5>
          <button
            type="button"
            class="btn-close"
            data-bs-dismiss="modal"
            aria-label="关闭"
          ></button>
        </div>
        <div class="modal-body">
          <textarea
            class="form-control"
            id="myCommentContent"
            rows="4"
            placeholder="请输入评价内容..."
          ></textarea>
        </div>
        <div class="modal-footer">
          <button
            type="button"
            class="btn btn-secondary"
            data-bs-dismiss="modal"
          >
            取消
          </button>
          <button type="button" class="btn btn-primary" id="mySubmitCommentBtn">
            提交评价
          </button>
        </div>
      </div>
    </div>
  </div>

  <!-- 物流进度弹窗 -->
  <div
    class="modal fade"
    id="myLogisticsModal"
    tabindex="-1"
    aria-labelledby="myLogisticsModalLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-dialog-centered modal-xl">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="myLogisticsModalLabel">物流进度</h5>
          <button
            type="button"
            class="btn-close"
            data-bs-dismiss="modal"
            aria-label="关闭"
          ></button>
        </div>
        <div class="modal-body">
          <div id="my-logistics-no" class="mb-3"></div>
          <div id="my-logistics-steps"></div>
        </div>
      </div>
    </div>
  </div>
</div>
